<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>基础标签演示</title>
</head>
<body>
    <!-- #region文本内容元素 -->
    <div>div是无格式容器</div>
    <p>
        p段落1
        p段落2
    </p>
    <pre>
        pre预先格式段落1
        pre预先格式段落2
        pre预先格式段落3
    </pre>
    <p>无序列表</p>
    <ul>
        <li>列表项1</li>
        <li>列表项2</li>
        <li>列表项3</li>
        <li>列表项4</li>
    </ul>
    <p>有序列表</p>
    <ol>
        <li>列表项1</li>
        <li>列表项2</li>
        <li>列表项3</li>
        <li>列表项4</li>
    </ol>
    <p>定义列表</p>
    <dl>
        <dt>定义1</dt>
        <dd>定义1的描述</dd>
        <dt>定义2</dt>
        <dt>定义3</dt>
    </dl>
    <p>单标签，分割线</p>
    <hr>
    <blockquote>
        长引用内容
        长引用内容
        长引用内容
    </blockquote>
    <!--#endregion-->

    <!-- #region 图片元素 -->
     <img src="https://www.jju.edu.cn/img/logo1.png" alt="九江学院">
     <a href="https://www.jju.edu.cn/" target="_blank">
        <img src="https://www.jju.edu.cn/img/logo1.png" alt="九江学院">
     </a>
    <!-- #endregion-->
    
</body>
</html>